*{
    margin: 0;
    padding: 0;
}
.content{
    background-color: rgb(52,190,222);
    font-size: 30px;
    color: white;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    background-color: #5fc0cd;
    display: flex;
    align-items: center;
    z-index: 5;
}
.content > div{
    flex: 1 ;
    align-self:center
}
.poto{
    width: 30px;
    height: 30px;
}

.left{
    text-align: left;
    padding: 1.5%;
}
.vote{
    text-align: center;
}
.right{
    text-align: right;
    padding-right: 1.5%;
}
footer{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background-color: rgb(52,190,222);
    display: flex;
    z-index: 5;
}
.foot{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.last{
    width: 400px;
    height: 60px;
    background-color: orange;
    font-size: 30px;
    color: white;
    border: 0.1px solid orange;
}
.speak{
    width: 100%;
    height: 56px;
    background-color:rgb(186,233,244) ;
    font-size: 18px;
    margin-top: 60px;
    position: fixed;
    z-index: 6;
    color: rgb(110,129,134);

}
.words{
    float: left;
    margin-left: 32px;
    line-height: 56px;
}

.circ{
    float: right;
    width: 41px;
    height: 41px;
    border-radius: 50%; 
    margin-top: 6px;
    margin-right: 8px;      
}
.triangle{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid rgb(186,233,244);
    position: fixed;
    margin-left: 30px;
    position: absolute;
    position: fixed;
    margin-top: 116px;
    z-index: 6;
}
.main{
    background-color: rgb(52,190,222);
   color: white;
   font-size: 18px;
   position: relative;
   top: 116px;
}
.middle{
    height: 60px;
    
}
.mi{
    line-height: 60px;
    margin-left: 31px;
}
.block{
width: 126px;
height: 131px;
display:flex;/*Flex布局*/
display: -webkit-flex; /* Safari */
align-items:center;/*指定垂直居中*/
background-color:rgb(243,200,129);
position: relative;
}

.rule-wrap {
margin: 5% 0 0;
overflow: hidden;
}
.rule {
width: 33.3%;
float: left;
text-align: center;
margin-bottom: 13%;
}
.mes{
display: inline-block;
width: 65.7%;
border: 0.4rem solid #fff;
}
.name {
background-color: #f5c97b;
font-size: 200%;
color: #565656;
padding: 25%;
}
.number {
background-color: #83b09a;
color: #fff;
font-size: 150%;
}
.options {
margin: 10% 0;
}
.rule-first {
margin-bottom: 0;
}

